<template>
	<div class='main_div'>
		<PersonVue :list="personList"></PersonVue>
	</div>
</template>
<script lang="ts" setup>
import PersonVue from '@/components/Person.vue'
import {reactive} from 'vue'
import {type Persons} from '@/types'

let personList =reactive<Persons>([
	{id:'1',name:'张龙',age:18},
	{id:'2',name:'赵虎',age:18},
	{id:'3',name:'王朝',age:18},
	{id:'4',name:'马汉',age:18}

])
</script>
<style>
.main_div {
	background-color: dodgerblue;

}
</style>